<script lang="ts" setup>
defineOptions({
  name: "LargeImg",
});
let props = defineProps({
  coverImg: {
    type: [String],
  },
});
let emit = defineEmits(["update:coverImg"]);
let coverImg = useRefModel(props, "coverImg", emit);
</script>
<template>
  <img class="large-img" :src="coverImg" alt="" />
</template>
<style lang="scss" scoped>
.large-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
</style>
